[typec='danger'] {
  color: $--color-danger !important;
}
[typec='warning'] {
  color: $--color-warning !important;
}
[typec='primary'] {
  color: $--color-primary !important;
}
[typec='reset'] {
  color: #a561a7 !important;
}

.textPrimary {
  color: $--color-primary;
}

.required{
  &::before{
    content: "*";
    color:$--color-danger;
    margin-right: 4px;
  }
}

.floatLeft {
  float: left!important;
}

.floatRight {
  float: right!important;
}

// 全屏
.app-wrapper {
  height: 100%;
  width: 100%;
  overflow: auto;
  @include mixinScrollBar($primary-mian-bg);
}

// 导航样式
.headerBox {
  height: $navBar-height;
  background: $navBar-bg;
  //color: $navBar-color;
  box-shadow: 0px 0px 16px 0px $primary-box-shadow;
  @include mixinClearfix();
  // 左
  .headerBoxLeft {
    font-size: 2.4rem;
    line-height: $navBar-height;
    width: $navBar-left-width;
    color: #fff;
  }

  // 右
  .headerBoxRight {
    height: 100%;
    width: calc(100% - #{$navBar-left-width});
  }
}

// 公共 去除导航 底下内容块
.contentBoxCon {
  width: 100%;
  // overflow-y: auto;
  // overflow-x: hidden;
  //  @include mixinScrollBar($primary-mian-bg);
}

// Layout左右格式 点击 动态收缩左侧菜单
.contentBox.LRLayoutBox.boxLeftNarrow {
  .contentBoxLeft {
    width: $sidebarNarrow-width;
  }
  .contentBoxRight {
    width: calc(100% - #{ $sidebarNarrow-width});
  }
}

// Layout左右格式
.contentBox.LRLayoutBox{
  height: 100%;
  // 左
  .contentBoxLeft {
    width: $sidebar-width;
    height: 100%;
    // height: calc(100% - 2.4rem - 2rem);
    // background: $menu-bg;
    overflow-y: auto;
    overflow-x: hidden;
    @include mixinScrollBar($primary-bg);
    .sidebar-container{
      height: 100%;
      background: #fff;
    }
  }
  // 右
  .contentBoxRight {
    width: calc(100% - #{$sidebar-width});
    height: 100%;
    .contentBoxRightTitleBoc{
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      align-items: center;
      justify-content: flex-start;
    }
  }
  // 表单页按钮的盒子
  .formBtn {
    position: fixed;
    width: calc(100% - #{$sidebar-width} - 3.2rem);
    //position: absolute;
    //width:calc(100% - 3.2rem);
    background: $primary-bg;
    padding: 0px 20px;
    height: $formBtn-height;
    line-height: $formBtn-height;
    text-align: right;
    margin: 0px;
    bottom: 1.6rem;
    right: 1.6rem;
    box-shadow: 1px -3px 6px 2px $primary-box-shadow;
    // box-shadow: 15px 0px 15px 0px $primary-box-shadow;
    z-index: 9;

    .el-form-item__content {
      line-height: $formBtn-height;
    }
  }
}

// Layout上下格式
.contentBox.UDLayoutBox {
//   // height: calc(100vh - #{$navBar-height } ) ;

//   .app-main {
//     overflow-y: auto;
//     overflow-x: hidden;
//     height: 100% !important;
//     @include mixinScrollBar($primary-mian-bg);
//   }
}


// 面包屑 样式
.app-breadcrumb {
  height: $app-breadcrumb-height!important;
  line-height: $app-breadcrumb-height!important;
  background: $primary-bg!important;
  padding-left:1rem;
}
// 右侧动态内容块
.app-main {
  height: 100%;
  background: $primary-mian-bg;
}



.navbar {
  height: 100%;
  width: 100%;
  background: $navBar-bg;
}

.modulesComponentBox {
  width: calc(100% - 20rem);

  .displayRow {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-end;
  }

  .modulesComponentItem {
    cursor: pointer;
    width: $navBar-height;
    height: 100%;
    margin-right: 10px;
    // background: #fff;
    color: $navBar-color;
    padding: 1.3rem 0px;
    text-align: center;

    .svg-icon {
      width: 2rem;
      height: 1.88rem;
    }

    .title {
      width: 100%;
      font-size: #{$primary-fontSize - 0.2rem};
      margin-top: 0.6rem;
    }

    &.actvie, &:hover {
      background: $primary-bg;
      color: $--color-primary;
    }
  }
}

.userInfoComponentBox {
  width: 20rem;
  text-align: right;
  .userInfoBox {
    line-height: $navBar-height;
    color: $navBar-color;
    position: relative;
    padding-left: 24px;
    .userIcon {
      font-size: calc(#{$primary-fontSize} + 10px);
      vertical-align: sub;
    }

    &::before {
      content: "";
      width: 1px;
      height: calc(#{$navBar-height} - 28px);
      position: absolute;
      left: 0;
      top: 14px;
      background: rgba(0, 0, 0, 0.1);
    }
  }
}


//列表页最外围盒子的类名
.listContentBox {
  height: 100%;
  background: $primary-bg;
  width: 100%;
  // overflow-y: auto;
  // overflow-x: hidden;
  // @include mixinScrollBar('transparent')

}

//搜索条件外围盒子的类名
.searchBox {
  background: $primary-bg;
  border-bottom: 1.6rem solid $primary-mian-bg;
  overflow: hidden;

  .searchBoxForm {
    overflow: hidden;

    .el-button--text {
      color: $--color-primary;
    }

    .line {
      text-align: center;
      line-height: $input-inner-line-height;
    }

    .el-form-item {
      margin-bottom: 0rem;
      //   display: flex;
      // flex-wrap: wrap;
      // justify-content: flex-start;
      // align-items: center;
      .el-form-item__label {
        line-height: $input-inner-line-height;
        padding-right: 1.2rem;
      }

      .el-form-item__content {
        line-height: $input-inner-line-height;
        height: calc(#{$input-inner-height} + 0.1rem);
      }
    }

    @include mixinClearfix()

  }
}

//铺开后的默认值
.searchBoxAuto {
  height: auto
}

.searchBoxHeight {
  height: calc(#{$input-inner-height} + 2px);
  line-height: calc(#{$input-inner-height} + 2px);
}

//搜索条件form盒子的类名
.listBox {
  height: calc(100% - #{$input-inner-height} - 4.8rem - 1.6rem);
  background: $primary-bg;
  // overflow-y: auto;
  // overflow-x: hidden;
  // @include mixinScrollBar($primary-bg)
}

//搜索条件form盒子的类名
.listFormBox {
  height: calc(100% - #{$input-inner-height} - 4.8rem - 1.6rem - #{$formBtn-height});
  background: $primary-bg;
  // overflow-y: auto;
  // overflow-x: hidden;
  // @include mixinScrollBar($primary-bg)
}

// 列表页左右布局外盒子的类名
.listBoxLayoutLRBox {
  .listBoxLayoutL {
    width: calc(#{$listBoxLayoutL-width} + 2rem);
    border-right: 1px solid $primary-border-color;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    @include mixinScrollBar($primary-bg)
  }

  .listBoxLayoutR {
    width: calc(100% - (#{$listBoxLayoutL-width} + 2rem));
    height: 100%;
  }

  .layoutBtn {
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid #ddd;
    border-radius: 100%;
    text-align: center;
    font-size: calc(#{ $primary-fontSize - 0.2rem});
    line-height: 2.4rem;
    position: absolute;
    left: calc(#{$listBoxLayoutL-width} + 0.6rem );
    top: calc(#{$input-inner-height} / 2 - 0.4rem);
    background: $primary-bg;
    z-index: 1;
  }

  @include mixinClearfix()
}

.listBoxLayoutRBox {
  .listBoxLayoutL {
    width: 20px;
  }

  .listBoxLayoutR {
    width: calc(100% - 20px);
  }

  .layoutBtn {
    left: calc(20px - 12px);
  }
}

//表单页最外围盒子的类名
.formBox {
  height: calc(100% - #{$formBtn-height});
  //padding: 2.4rem;
  background: $primary-bg;
  overflow-y: auto;
  overflow-x: hidden;
  @include mixinScrollBar($primary-bg);
  .form-tabs {
    height: 100%;
    .el-tabs__header {
      background: $primary-bg;
      margin: 0px;

      .el-tabs__nav-scroll {
        padding: 0 2.4rem;

        .el-tabs__item {
          color: rgba(0, 0, 0, 0.65);
          padding-top: 1.6rem;
          padding-bottom: 1.6rem;
          height: inherit;
          line-height: inherit;
        }

        .el-tabs__item.is-active {
          color: $--color-primary
        }
      }
    }

    .el-tabs__content {
      height: calc(100% - #{$primary-fontSize} - 3.2rem - 2px);

      .el-tab-pane {
        height: 100%;
      }

      .listBox {
        height: 100%;
      }
    }

    .el-tabs__nav-wrap::after {
      height: 1px;
      background: #E9E9E9;
    }
  }

  .el-tabs.el-tabs--top.el-loading-parent--relative {
    height: calc(100% + 6rem + 1rem);
  }
}
.cardTitle{
    position: relative;
    padding: 1.6rem 2.4rem;
    font-size: 1.6rem;
    border-bottom: 0.1rem solid $primary-border-color;
    //margin-bottom: 1.6rem;
    //&::before{
    //    content: '|';
    //    color: $primary;
    //    font-size: 2rem;
    //    font-weight: bold;
    //    position: absolute;
    //    left: 0;
    //    //top:calc(50% - 1.8rem);
    //}
}
.cardContent{
  padding: 1.6rem 2.4rem 0rem 2.4rem;
}

.tabsBox {
  height: 100%;

  .el-tabs {
    height: 100%;

    .el-tabs__header {
      background: $primary-bg;
      margin: 0px;

      .el-tabs__nav-scroll {
        padding: 0 2.4rem;

        .el-tabs__item {
          color: rgba(0, 0, 0, 0.65);
          padding-top: 1.6rem;
          padding-bottom: 1.6rem;
          height: inherit;
          line-height: inherit;
        }

        .el-tabs__item.is-active {
          color: $--color-primary
        }
      }
    }

    .el-tabs__content {
      height: calc(100% - #{$primary-fontSize} - 3.2rem - 2px);

      .el-tab-pane {
        height: 100%;
      }

      .listBox {
        height: 100%;
      }
    }

    .el-tabs__nav-wrap::after {
      height: 1px;
      background: #E9E9E9;
    }
  }

  .el-tabs.el-tabs--top.el-loading-parent--relative {
    height: calc(100% + 6rem + 1rem);
  }
}

.listContentBox {
  .tabsBox {
    height: calc(100% - #{$input-inner-height} - 48px - 16px);
  }
}

//表单页的表格盒子
.formBox {
  .el-form {
    .el-row {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;

      .el-col {
        .el-form-item {
          margin-bottom: 0px;
          height: 100%;
        }

        .el-form-item__label {
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          flex-direction: row;
          justify-content: flex-end;
        }

        .el-form-item__content {
          // display: grid;
          // align-content: center;
          // align-items: center;
          // display: flex;
          // align-items: center;
          // flex-wrap: wrap;

          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          align-content: flex-start;
          justify-content: center;
          align-items: flex-start;
          >span{
            width: 100%;
            // display:inline-block ;
            white-space: normal;
            // word-wrap: break-word
            word-break: break-all;
            height: 100%;
            display: contents;
          }
        }

        .el-form-item__label, .el-form-item__content {
          line-height: calc(#{$input-inner-line-height} - 10px);
          height: 100%;
          padding: 10px;
        }

        .el-form-item__error {
          position: inherit;
          font-size: (#{ $primary-fontSize - 0.2rem});
          display: contents;
        }

        .el-table {
          .el-form-item__label, .el-form-item__content {
            padding: 0px;
          }

          .el-form-item__content {
             min-height: calc(#{$input-inner-line-height} + 0.3rem);
          }

          .el-form-item__error {
            display: none;
          }
        }
      }
    }

    // 表格 带图片上传 、textarea内容 有高度限制
    .zjm-table-img-textarea-height-formItem{
      .cell {
        padding: 1.5rem 1rem;
      }
      .el-form-item{
        margin-bottom: 0rem!important;
      }
    }
  }

  .formTable {
    .formRow {
      border-top: $--table-border;
      border-left: $--table-border;

      .el-col {
        border-bottom: $--table-border;
        border-right: $--table-border;

        .el-form-item__label {
          background: $--table-header-bg;
        }

        .el-form-item__content {
          border-left: $--table-border;
        }


      }

    }
    .formRowDubRow{
      // display: flex;
      // align-items: center;
      // align-items: center;
      // justify-content: flex-start;
      // flex-direction: row;
      // flex-wrap: nowrap;
      background: $--table-header-bg;
      border-bottom: $--table-border;
      border-right: $--table-border;
      border-left: $--table-border;
      // height: 100%;
      .formRowDubRowLabel{
        display: flex;
        justify-content: space-around;
        align-items: center;
        background: $--table-header-bg;
      }

      .formRowDubRowContent{
        border-left:$--table-border;
        background: #fff;
        .el-form-item__label{
          background: $--table-header-bg;
          border-bottom: $--table-border;
          border-right: $--table-border;
          // &:last-child(1){
          //   border-bottom: 0px solid transparent;
          // }
          &:nth-last-child(1){
            border-bottom: 0px solid transparent;
          }
        }
        .el-form-item__content{
           border-bottom: $--table-border;
          // border-right: $--table-border;
        }
        .el-col-24{
         &:last-child{
            .el-form-item__label{
               border-bottom: 0px solid transparent;
            }
            .el-form-item__content{
              border-bottom: 0px solid transparent;
            }
         }
        }
        .el-col-12{
         &:last-child,&:nth-last-child(2){
            .el-form-item__label{
               border-bottom: 0px solid transparent;
            }
            .el-form-item__content{
              border-bottom: 0px solid transparent;
            }
         }
        }

      }
      .formRowDubRowTable{
        .el-col-6{
          width: calc((100% - 12rem)/3);
          border-right: $--table-border;
          // .el-form-item__content{
          //  border-bottom: 0px solid #F0F0F0;

          // }

        }
       .el-col-18{
          width: calc((100% - 12rem));
          border-right: $--table-border;
        }
        .formRowDubRowThead {
          background: $--table-header-bg;
          border-bottom: $--table-border;
          .el-col-6{
            line-height: calc(3.5rem - 10px);
            height: 100%;
            padding: 10px;
          }
          .formRowDubRowTableJe{
            width: 12rem;
            text-align: right;
          }
        }
        .formRowDubRowBodyJe{
          background: $--table-header-bg;
          padding: 10px;
          width: 12rem;
          text-align: right;
          border-bottom: $--table-border;
          display: flex;
          align-items: center;
          justify-content: flex-end;
        }

      }
    }
  }
}

//弹窗表单de表格盒子
.el-dialog.dialogForm {
  .el-form--label-top .el-form-item__label {
      padding: 0 0 0px 0;
  }
  .formRow {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
  }
  .title {
    height: calc(#{$input-inner-line-height} + 0.5rem);
    line-height: calc(#{$input-inner-line-height} + 0.5rem);
  }
  .el-dialog__body {
    //max-height: 50vh;
    @include mixinScrollBar($primary-bg)
  }

  .el-form-item {
    .el-form-item__label {
      line-height: calc(#{$input-inner-line-height} + 0.5rem);
    }
    .el-form-item__content {
      height: 100%;
      min-height: calc(#{$input-inner-line-height} + 0.5rem);
      > span {
        width: 100%;
        display: inline-block;
        color: $primary-label-color;
      }
      //上传附件
      .upload-container{
        width: 100%;
      }
      .upload-container-look{
         width: 100%;
         padding-top: 0;
      }
    }
    .el-radio-group {
      width: 100%;
      display: inline-block;
    }
  }

  .cardfileBtn {
    width: 100%;
    display: inline-block;
  }

  .formTable {
    .formRow {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      align-items: stretch;
      border-top: $--table-border;
      border-left: $--table-border;

      .el-col {
        border-bottom: $--table-border;
        border-right: $--table-border;

        .el-form-item {
          margin-bottom: 0px;
          height: 100%;

          .el-form-item__label {
            background: $--table-header-bg;
            line-height: 100%;
            height: 100%;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            flex-direction: row;
            justify-content: flex-end;
          }

          .el-form-item__content {
            border-left: $--table-border;
            padding: 10px;
            line-height: normal;
            display: flex;
            align-items: center;

            > span {
              width: 100%;
              display: inline-block;
              color: $primary-label-color;
            }
          }

          .el-radio-group {
            width: 100%;
            display: inline-block;
          }
        }
      }
    }
  }
}
//弹窗表单 form-item label content 上下布局 盒子
.el-dialog.dialogFormItemUDForm{
  .el-dialog__body {
    padding: 6px 24px 20px;
  }
  .el-form-item {
    margin-bottom: 4px;
  }
}
//弹窗表单 form-item label content 左右布局 盒子
.el-dialog.dialogFormItemLRForm{
  .el-dialog__body {
    padding:22px 24px;
  }
  .formRow{
    .el-form-item__content {
      > span {
        height: 100%;
        line-height: calc(#{$input-inner-line-height} + 0.5rem);
      }
    }
    .el-col:last-child{
      .el-form-item{
        margin-bottom: 0px;
      }
    }
  }
}


  //弹窗表格de表格盒子
.el-dialog.dialogList {
  background: transparent;
  max-height: calc(100vh - 30vh);
  margin: 15vh auto !important;
  .el-dialog__header, .el-dialog__footer {
    background: $primary-bg;
  }
  .el-dialog__body {
    padding: 0px;
    max-height: calc(100vh - 30vh - 116px);
  }
  .searchBox {
    // padding: 0px!important;
    .el-row{
      display:flex;
      justify-content: flex-start !important;
      align-items: center !important;
      .el-form-item__label{
        line-height: $input-inner-line-height !important;
        padding:0rem 1.2rem 0rem 0rem !important;
      }
      .el-form-item__content{
        line-height: $input-inner-line-height !important;
        height: calc(#{$input-inner-height} + 0.1rem) !important;
        padding: 0rem !important;
      }
    }
  }
}



// -------超大附件--start-------------------------------------------------------------------------------------------------------------------
// 上传图片 按钮 默认公用样式
.uploadBox{
  background: $primary-bg;
  border: 1px dashed $primary-border-color;
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
  color: #666;
  i {
    color: #8c939d
  }
}
// 上传图片 按钮 --> 非表格内样式 大小
.uploadVideoBox {
  width: 12rem;
  height: 12rem;
  i {
    font-size: calc(#{ $primary-fontSize + 1.2rem});
  }
  .upload-alt {
    font-size: calc(#{ $primary-fontSize - 0.2rem});
    margin-top: 0.4rem;
  }
}
// 上传图片 按钮 --> 表格内样式 大小
.uploadVideoTableBox{
  width:9rem;
  height:9rem;
  i {
    font-size: calc(#{ $primary-fontSize + 0.2rem});
  }
  .upload-alt {
    height: 2rem;
    line-height: 2rem;
    font-size: calc(#{ $primary-fontSize});
  }
}

// *************  附件列表  *******************************************************************
// 上传图片完成 附件列表 默认公用样式
.uploadoListBox{
  border-radius: 4px;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  background: #fbfdff;
  border: 1px solid #c0ccda;
  // border: 1px dashed #c0ccda;
  position: relative;
  > div {
    width: 100%;
    height: 100%;

    img {
      width: 100%;
      height: 100%;
    }
  }
  .handleFixedModel {
    display: none;
    background: rgba(0,0,0,0.2);
    justify-content: center;
    align-items: center;
    i {
      color: #fff;
      text-align: center;
      display: inline-block;
    }
  }

  &:hover {
    .handleFixedModel {
      display: flex;
    }
  }
}
// 上传图片完成 附件列表 -->非表格图片 大小
.uploadVideoListBox{
  width: 12rem;
  height: 12rem;
  .handleFixedModel {
    padding: 0rem 2rem;
    i {
      width: 4rem;
      height: 4rem;
      line-height: 4rem;
      font-size: calc(#{ $primary-fontSize + 0.3rem});
    }
  }
}

// 上传图片完成 附件列表 -->表格内图片 大小
.uploadTableVideoListBox {
  width: 9rem;
  height: 9rem;
  .handleFixedModel {
    padding: 0rem 1rem;
    i {
      width: 4rem;
      height: 4rem;
      line-height: 4rem;
      font-size: calc(#{ $primary-fontSize - 0.3rem});
    }
  }
}

// 放大视频
.el-dialog.enlargeImage{
  overflow: hidden;
  //max-height: calc(100% - 30vh);
  .el-dialog__header {
    border: 0px solid #F0F0F0;
    // 关闭按钮
    .el-dialog__headerbtn {
      top: 10px;
      right: 10px;
    }
  }

  .el-dialog__body {
    padding: 2.4rem;
    height: calc(100% - 32px - #{$primary-fontSize + 0.4rem});
    background: $primary-mian-bg;
    overflow: hidden;

    img {
      height: 100%;
      width: 100%;
    }
    // @include mixinScrollBar($primary-mian-bg);
  }
}

.filesProcessDialog {
  z-index: 2000 !important;
  text-align: left !important;

  .el-dialog {
    height: auto;
  }

  .el-dialog__body {
    padding: 0px 20px 10px !important;
    height: auto!important;
  }

  .el-dialog__footer {
    padding: 10px 20px;
  }
}
// -------超大附件-附件--end-------------------------------------------------------------------------------------------------------------------

// -------富文本编辑器回显 禁用--start-------------------------------------------------------------------------------------------------------------------
.form-wang-eitor{
  width: 100%;
  .tools-editor-box{
    border: none !important;
    #toolbar-container{
      display: none !important;
    }
    .editor-container{
      height: auto !important;
      #w-e-textarea-1{
        padding: 0px !important;
      }
      .w-e-max-length-info{
        display: none !important;
      }
    }
  }
}
// -------富文本编辑器回显 禁用--end-------------------------------------------------------------------------------------------------------------------
